﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<link href="favicon.ico" type="image/x-icon" rel="shortcut icon">

<title>首页</title>

<!--公共样式-->
<link rel="stylesheet" type="text/css" href="css/reset.css"/>

<!--公共脚本-->
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.fullPage.min.js"></script>
<!--dialog-->
<!--artdiolag-->
<script type="text/javascript" src="js/artDialog4_jb51net/jquery.artDialog.js"></script>
<script type="text/javascript" src="js/artDialog4_jb51net/artDialog.iframe.js"></script>
<link rel="stylesheet" type="text/css" href="js/artDialog4_jb51net/skins/default.css"/>

<!--前端脚本-->
<script type="text/javascript" src="js/common.js"></script>


</head>

<body>
	<!--导航-->
	<div class="menu" id="menu">
    	<div class="container_1000 m_center cf">
        	<h1 class="logo">
            	<a href="" >
                	
                </a>
            </h1>
            <div class="ls"></div>
        	<ul class="nav">
            	<li data-menuanchor="page1" class="active"><a href="#page1">简介</a></li>
                <li data-menuanchor="page2"><a href="#page2">技能</a></li>
                <li data-menuanchor="page3"><a href="#page3">案例作品</a></li>
                <li data-menuanchor="page4"><a href="#page4">联系方式</a></li>
            </ul>
        </div>
    </div>
    
	<div  id="js_fullpage">
    
    	<!--个人简介-->
        <div class="section">
        	<div class="container container_1000 m_center align_center">
            	<p class="mb20">
                	<span class="head">
                        <span class="zz"></span>
                        <span class="border"></span>
                        <img src="images/head.jpg" width="169" height="169" />
                    </span>
                </p>
                <p class="p_info mb20">
                	<span class="p_name">李珊</span>
                    <br />
                    <span class="p_zhiwei">在校大学生</span>
                </p>

                <!--
                <p>
                	<span class="zhishi zhishi_1"></span>
                </p>
                <p>
                	<span class="zhishi zhishi_2"></span>
                </p>
                <p class="mb10">
                	<span class="zhishi zhishi_3"></span>
                </p>
                
				-->

                <p class="mb30">
                	<span class="title_1">学习经历</span>
                </p>
                <div class="wrap_time m_center cf">
                	<span class="time_start"></span><span class="time_end"></span>
                    <div class="jingli time_1">
                        <p class="jingli_time">2016-09 — 至今</p>
                        <p class="jingli_info">就读于四川华新现代职业学院</p>
                    </div>
                    <div class="jingli time_2">
                        <p class="jingli_time">2017-03 — 2017-06</p>
                        <p class="jingli_info">在校荣获“优秀团员”并获得学校党校培训学习资格</p>
                    </div>
                    <div class="jingli time_3">
                        <p class="jingli_time">2016-09 — 2017-01</p>
                        <p class="jingli_info">在校荣获“优秀学生干部”</p>
                    </div>
                </div>
            </div>
        </div>
        
        <!--个人技能-->
        <div class="section bg_fff m_center align_center">
        	<p class="mb30">
            	<span class="img_bg title_jn"></span>
            </p>
        	<p>
                	<span class="zhishi zhishi_1"></span>
                </p>
            <p>
                <span class="zhishi zhishi_2"></span>
            </p>
            <p class="mb20">
                <span class="zhishi zhishi_3"></span>
            </p>
            <div class="list_icon">
                <p class="icon_cell icon_cell_1">
                    <span class="icon_ico img_bg"></span>
                    <span class="icon_txt img_bg"></span>
                </p>
                <p class="icon_cell icon_cell_2">
                    <span class="icon_ico img_bg"></span>
                    <span class="icon_txt img_bg"></span>
                </p>
                <p class="icon_cell icon_cell_3">
                    <span class="icon_ico img_bg"></span>
                    <span class="icon_txt img_bg"></span>
                </p>
                <p class="icon_cell icon_cell_4">
                    <span class="icon_ico img_bg"></span>
                    <span class="icon_txt img_bg"></span>
                </p>
                <div class="txt_intro">
                	<p>网页/平面设计样样都来，当然离大神还很遥远</p>
                    <p>有排版洁癖，所以我的广告设计是干净整洁规范的</p>
                    <p>情怀排版，远离代码，CDR很好用</p>
                    
                </div>
            </div>
        </div>
    	
        <!--案例-->
        <div class="section m_center align_center">
        	<p class="mb30">
                <span class="title_1">案例作品</span>
            </p>
        	<p>
                <span class="zhishi zhishi_1"></span>
            </p>
            <p>
                <span class="zhishi zhishi_2"></span>
            </p>
            <p class="mb20">
                <span class="zhishi zhishi_3"></span>
            </p>
 <div class="container container_1000 m_center cf last">
            	<div class="container_case">
                    <div class="container wrap_case cf" id="js_wrap_case" style="width: 1000px;">
                        <ul class="list_case focus">
                            <li data-url="case-detail.html" data-name=" " style="margin-left:80px" class="js_cell_case">
                                <span class="zz"></span>
                                <img src="images/eq/case.jpg" width="248" height="160">
				<img src="images/eq/case1.jpg" width="400" height="160">
                                <p class="case_info">
                                    <span> </span>
                                    <span>参与：设计、排版</span>
                                </p>
                            </li>
                            <li data-url="case-detail.html" data-name=" " style="margin-left:50px" class="js_cell_case">
                                <span class="zz"></span>
                                <img src="images/eq/case3.jpg" width="248" height="160">
                <img src="images/eq/case1.jpg" width="400" height="160">
                                <p class="case_info">
                                    <span> </span>
                                    <span>参与：设计、排版</span>
                                </p>
                            </li>
                            <li data-url="case-detail.html" data-name=" " style="margin-left:50px" class="js_cell_case">
                                <span class="zz"></span>
                                <img src="images/eq/case2.jpg" width="248" height="160">
                <img src="images/eq/case1.jpg" width="400" height="160">
                                <p class="case_info">
                                    <span> </span>
                                    <span>参与：设计、排版</span>
                                </p>
                            </li>
                        </ul>

                    </div>
                </div>

                <div class="tips" id="js_tips">
                	<span class="focus"></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
        </div>
        
        <!--约-->
       <!--演示网站：www.3a36.com/1-->
        <div class="section align_center">
        	<p class="mb30">
            	<span class="img_bg2 title_jn title_yue"></span>
            </p>
            <p>
                	<span class="zhishi zhishi_1"></span>
                </p>
            <p>
                <span class="zhishi zhishi_2"></span>
            </p>
            <p class="mb20">
                <span class="zhishi zhishi_3"></span>
            </p>
            <p>
            	<span class="yue_info yue_1"><i>:18383242617</i></span>
            </p>
            <p>
            	<span class="yue_info yue_2"><i>:2024080074@qq.com</i></span>
            </p>
            <p>
            	<a target="_blank" href="" class="yue_info yue_3"><i>:2024080074<span></span></i></a>
            </p>
        </div>
    </div>
</body>
</html>
